<template lang="">
    <div>
        {{num}}
    </div>
    <!--<input :value="num" @input="(e)=> num = e.target.value"/> -->
    <div>
        索引:
        <input v-model="keyNum" />
    </div>
    <div>
        值:
        <input v-model="arr[keyNum]" />
    </div>

    <!-- <input v-model="arr[6]" /> -->
    <div v-if="num == 1">你输入了1</div>
    <div v-else-if="num == 2">你输入了2</div>
    <div v-else>你没有输入1,也没输入2</div>
    <div v-show="num == 1">show: 你输入了1</div>
    <!-- <div>{{ arr{0}}}</div>
     <div>{{ arr{1}}}</div>
     <div>{{ arr{2}}}</div> -->
    <div v-for="(ite,index) in arr" ::key="index">
        {{ite}},{{index}}
    </div>
</template>
<script>
export default{
    data(){
        return{
            num: 1,
            keyNum: 0,
            arr:[
                '张三',
                '李四',
                '钱五1',
                '周六2',
                '宋七3',
                '王八4',
                '白九5',
            ],
        }
    },
    methods:{
        // inputMum(e){
        //      this.num - e.targat.value
        //  }
    }
}
</script>
<style lang="">
    
</style>